<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<link rel="stylesheet"  href="css/bootstrap.css" type="text/css">
	<link rel="stylesheet"  href="css/bootstrap-responsive.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/bjqs.css" />
	<link rel="stylesheet/less" type="text/css" href="css/styles.less" />
</head>
<body>
	<div class="f-wrapper">
		<div class="f-header">
			<div class="parallax-bg hidden-phone" data-type="background" data-speed="5">				
			</div><!--parallax-->
			<div class="f-logo-menu container">
				<div class="navbar">
					<div class="navbar-inner">
						<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a href="#" class="f-logo brand visible-desktop"></a>
						<a href="#" class="f-logo brand hidden-desktop"></a>
						<div class="nav-collapse collapse">
							<ul class="nav">
								<li>
									<a href="#" class="active">Home</a>
								</li>
								<li class="dropdown">
									<a href="#"  class="dropdown-toggle" data-toggle="dropdown">
										Products
										<b class="caret"></b>
									</a>
									<ul class="dropdown-menu">
										

										<li><a href="/products.html">Banana</a></li>


										<li><a href="/products.html">Pineapple</a></li>
										<li><a href="/products.html">Mango</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Quality</a>
								</li>
								<li>
									<a href="#">Sustainability</a>
								</li>
								<li>
									<a href="#">Contact Us</a>
								</li>
							</ul>
						</div>
					</div><!-- navbar-inner -->
				</div><!-- navbar -->
			</div>
			<div class="f-section-content">
				<div class="f-slider">
					<ul class="bjqs">
						<li>
							<h2>Our Company</h2>
							<p>Is located in the middle of Costa Rica's tropical fruit growing area, it allows Fructa CR to source the freshest possible raw materials. They are processed, with the help of a highly trained and motivated staff using a state-of-the-art technology into healty and tasty tropical fruit products.</p>
							<a href="#" class="f-btn">Read More</a>
						</li>						
						<li>
							<h2>Our Products</h2>
							<p>Fructa CR has at your disposal products largely made of:</p>
							<ul>
								<li>Bananas</li>
								<li>Pineapples</li>
								<li>Mango</li>
								<li>and other fruit that surpass international quality expectations</li>
							</ul>
							<a href="#" class="f-btn">Read More</a>						
						</li>
					</ul>
				</div><!-- f-slider -->
			</div><!-- f-section-content -->
		</div><!--end header-->
		<div class="f-content row-fluid">
			<div class="f-section-content">
				<p class="hero-title">
					Healthy Pleasure from Costa Rica!
				</p>
			</div>
			<div class="f-product-grid f-section-content row-fluid">
				<div class="span4 f-product">
					<div class="f-product-border">
						<img src="img/pineapple2.jpg" />
					</div>
					<h3>Pineapple</h3>
					<p>
						Pineapples have exceptional juiciness and a vibrant tropical flavor that balances the tastes of sweet and tart. They are second only to bananas as America's favorite tropical fruit.
					</p>
				</div><!--End Product-->
				<div class="span4 f-product">
					<div class="f-product-border">
						<img src="img/mango-2.jpg" />
					</div>
					<h3>Mango</h3>
					<p>
						Mango fruit is one of the most popular, nutritionally rich fruits with unique flavor, fragrance, taste, and heath promoting qualities making it a common ingredient in new functional foods often labeled “super fruits."
					</p>
				</div><!--End Product-->
				<div class="span4 last f-product">
					<div class="f-product-border">
						<img src="img/bananas-3.jpg" />
					</div>
					<h3>Banana</h3>
					<p>
						Go for banana fruit, nature's own energy-rich food that comes in a safety envelope! Fresh, delicious bananas are available year around and in fact, one of the cheapest fruits
					</p>
				</div><!--End Product-->

			</div><!--End PRroduct Grid-->
		</div><!--End Content-->
	</div><!--End Wrapper-->
	<div class="container-fluid f-info-grid">
		<div class="row-fluid f-info-grid-box">
			<div class="span4 f-white-textbox quality">
				<h3>Quality</h3>
				<p>
					Fructa CR is focused on product safety and excellente quality, thus by utilizing the most advanced processing, filling and distribution systems. We're able to secure the integrity of our products throughout the whole supply chain. That is documented in several certificates like ISO, Organic, Kosher, HACCP and others.<br/>
					<a href="#">Read More...</a>
				</p>
			</div><!--End Quality-->
			<div class="span8 last row-fluid">
				<div class="row-fluid">
					<div class="span6 f-white-textbox basic-info">
						<h3>Company</h3>
						<p>
							Fructa CR is part of the german riha Richard Hartinger Beverages Group, which produces non alcoholic beverages since 1934 and today has own operations in 7 countries of the world.<br/>
							<a href="#">Read More...</a>
						</p>
					</div><!--End Basic Info-->
					<div class="span6 last f-white-textbox contact-us">
						<h3>Contact us</h3>
						<p>
							Fructa CR, Siquirres, Limón, Costa Rica<br/>
							+ (506) 2765-4141<br/>
							+ (506) 2765-4665<br/>
							customer.service@fructacr.com<br/>

							<a href="#">Read More...</a>
						</p>
					</div><!--End Contact us-->
				</div>
				<div class="row-fluid">
					<div class="span12 f-white-textbox sostainability">
						<h3>Sostainability</h3>
						<p>
							Our proper concern for nature's conservation, our social responsibility and our quality and food safety commitment, has taken us to the implementation of HACCP plans and following the strict international norms like ISO 14001.<br/>
							<a href="#">Read More...</a>
						</p>
					</div><!--End Sostainability-->
				</div>
			</div>
		</div><!--End PRroduct Grid-->
	</div><!--End f-info-grid Grid-->
	<div class="f-footer">
		<p>
			Copyright © 2013 FructaCR S.A., All Rights Reserved
		</p>
	</div><!--End footer-->
</div><!--end wrapper-->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/bjqs-1.3.min.js" type="text/javascript"></script>

<script>
function setHeight(){
	if($(".f-header").height()<$(".parallax-bg").height() && $(".f-header").height()<688){
		$(".f-header").height($(".parallax-bg").height());
	}	
	$(".quality").height($(".basic-info").height()+$(".sostainability").height()+50);
}
function addHoverEvent(){
	$(".dropdown").mouseenter(function(){
		$(this).addClass("open");
	});

	$(".dropdown").mouseleave(function(){
		$(this).removeClass("open");
	});
}

function addParallaxFx(){
	$('div[data-type="background"]').each(function(){
		var $bgobj = $(this);

		$(window).scroll(function() {
			var yPos = -($(window).scrollTop() / $bgobj.data('speed'));

			var coords = '50% '+ yPos + 'px';

			$bgobj.css({ backgroundPosition: coords });
			console.log(yPos);
		}); 
	});    
}

$(window).resize(function() {
	setHeight();
})

jQuery(document).ready(function($) {
	setHeight();
	addHoverEvent();
	addParallaxFx();
	$('.f-slider').bjqs({
		'height' : 400,
		'width' : 249,
		'responsive' : true,
		'showcontrols' : false,
		'showmarkers' : false
	});
});
</script>

</body>
</html>
